﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
        body, html, #allmap {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
            font-family: "微软雅黑";
        }

        * {
            margin: 0px;
            padding: 0px;
        }
    </style>
    <link rel="stylesheet" type="text/css" href="~/Content/css/style.css">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=YxCLNoQasNaDMO1hRL1fM5zi"></script>
    <title>OurEDA噪声监控</title>
</head>
<body>
    <!--顶部栏-->
    <div class="header">
        <div class="logo">
            <p><img src="~/Content/image/logo.png"><small>OurEDA监控</small><span>　|　</span>噪声指数<a id="download-btn" href="#" onclick="javascript: downLoad();" target="_blank">下载原始数据</a></p>
        </div>
    </div>
    <!--活跃程度卡说明-->
    <div class="select-area">
        <div class="select-box">
            <div class="select-name" id="province-box">省份</div>
            <div id="province-type" class="combo-box">
                <p id="province-title" class="select-title"></p>
                <img id="province-icon" src="~/Content/image/arrow.png" class="select-icon" onclick="javascript:CardView.showMenu(this);">
                <ul id="province-list" class="select-list" onclick="javascript:CardView.clickMenu(1);"></ul>
            </div>
        </div>
        <div class="select-box" id="city-box">
            <div class="select-name ml30">城市</div>
            <div id="city-type" class="combo-box">
                <p id="city-title" class="select-title"></p>
                <img id="city-icon" src="~/Content/image/arrow.png" class="select-icon" onclick="javascript:CardView.showMenu(this);">
                <ul id="city-list" class="select-list" onclick="javascript:CardView.clickMenu(2);"></ul>
            </div>
        </div>
    </div>
    <div class="card">
        <p class="title">噪声指数<span>?</span></p>
        <p class="data" id="dataCard"></p>
    </div>
    <!--程度条说明-->
    <div class="legend">
        <a>
            <span class="legend-title">[噪声污染程度]</span>
            <span class="legend-text">低</span>
            <span class="legend-color legend-color-1"></span>
            <span class="legend-color legend-color-2"></span>
            <span class="legend-color legend-color-3"></span>
            <span class="legend-color legend-color-4"></span>
            <span class="legend-color legend-color-5"></span>
            <span class="legend-text">高</span>
        </a>
    </div>
    <!--时间轴拖拽-->
    <div class="timeline" id="timeline">
        <a class="timeline-dragger" id="dragger"></a>
        <ul class="timeline-scale">
            @{
                System.DateTime dateTime = System.DateTime.Today;
                for (int i = -11; i < -1; i++)
                {
                    <li date="@dateTime.AddDays(i).ToString("yyyy-MM-dd")">@dateTime.AddDays(i).ToString("MM.dd")</li>
                }
            }
        </ul>
    </div>
    <div id="allmap"></div>
    <p id="content"></p>
    <script type="text/javascript" src="~/Content/data/countryboundaries.js"></script>
    <script type="text/javascript" src="~/Content/javascript/cache.js"></script>
    <script type="text/javascript" src="~/Content/javascript/datamodel.js"></script>
    <script type="text/javascript" src="~/Content/javascript/view.js"></script>
    <script type="text/javascript" src="~/Content/javascript/control.js"></script>
    <!--mock数据-->
    <script type="text/javascript">
		function getMockCountry(){
			var _result = [["黑龙江省",62],["吉林省",71],["辽宁省",72.1],["河北省",68],["北京市",74.2],["天津市",69],["内蒙古自治区",71],["甘肃省",62],["宁夏回族自治区",71],["陕西省",62],["山西省",71],["山东省",69],["河南省",62],["新疆维吾尔自治区",71],["青海省",62],["西藏自治区",71],["四川省",66.5],["重庆市",71],["湖北省",62],["云南省",71],["贵州省",62],["广西壮族自治区",71],["湖南省",73.4],["广东省",73],["海南省",62],["安徽省",71],["江西省",62.1],["江苏省",71],["上海市",76],["浙江省",71],["福建省",77]];
			var i = 0;
			var length = _result.length;
			for(i=0;i<length;i++){
				_result[i][1] = randomDB();
			}
			return _result;
		}
		function getMockProvince(){
			var _result = [["沈阳市",67],["大连市",71],["鞍山市",63],["抚顺市",76],["本溪市",69],["丹东市",70],["锦州市",59],["营口市",67],["阜新市",68],["辽阳市",72.5],["盘锦市",69],["铁岭市",73.5],["朝阳市",62],["葫芦岛市",68.2]];
			var i = 0;
			var length = _result.length;
			for(i=0;i<length;i++){
				_result[i][1] = randomDB();
			}
			return _result;
		}
		function getMockCity(){
			var _result = [[121.165,38.812,56],[121.286,38.850,78],[121.496,38.935,74],[121.162,38.816,56],[121.246,38.810,71],[121.696,38.035,67],[121.584,38.944,68],[121.653,38.937,69],[122.01,39.117,71],[122.115,39.167,69],[121.744,39.075,62]];
			var i = 0;
			var length = _result.length;
			for(i=0;i<length;i++){
				_result[i][2] = randomDB();
			}
			return _result;
		}
		 function randomDB(min,max){
		 	var min = 55;
		 	var max = 90;
		    return Math.floor(min+Math.random()*(max-min));
		}

    </script>
</body>
</html>

